/**
 * Licensed to Jasig under one or more contributor license
 * agreements. See the NOTICE file distributed with this work
 * for additional information regarding copyright ownership.
 * Jasig licenses this file to you under the Apache License,
 * Version 2.0 (the "License"); you may not use this file
 * except in compliance with the License. You may obtain a
 * copy of the License at:
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on
 * an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied. See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

/* uPORTAL PORTLET STYLE CSS
 * These declarations are scoped for portlet content specifically.
 * These declarations may be scoped for all portlets and/or for a specific portlet.
 * These declarations may override the portal-scoped css (see "portal.css" in the same directory).
 * These declarations are for visual styling only, not for layout.
 * For portlet-specifc layout CSS, see "layout-portlet.css" in the universality/common/css directory.
 * This CSS assumes the use of a CSS reset (by default the FSS "fss-reset.css") for browser normalization.
 */
 
/* uPORTAL DEVELOPMENT STANDARDS AND GUIDELINES
 * For the standards and guidelines that govern the user interface of uPortal portlets including HTML, CSS, JavaScript, accessibilty, naming conventions, 3rd Party libraries (like jQuery and the Fluid Skinning System) and more, refer to:
 * http://www.ja-sig.org/wiki/x/cQ
 */

/* ICONS
 * This CSS uses the Silk icon set 1.3 by Mark James:
 * http://www.famfamfam.com/lab/icons/silk/
 * which is licensed under a Creative Commons Attribution 2.5 License:
 * http://creativecommons.org/licenses/by/2.5/
 * This icon set is free for use under the CCA 2.5 license, so long as there is a link back to the author's site.  This reference is present in the portal footer markup of the universality theme.
 */


/*====================================*/
/* Fluid Skinning System Extensions */
/*====================================*/
/* Overrides and extenstions to FSS specific to portlets. */

/* Helper: Widget */
/* 
 * The FSS fl-widget structure should be applied to portlets.
 * However, the fl-widget structure can be used for more than portlets.
 * These classes specify how the fl-widget classes style a portlet.
 * Use: .fl-widget.portlet
 */
.fl-widget.portlet {background:transparent; border:none;}
.fl-widget-content.portlet-content {padding:0 0.1em;}


/*====================================*/
/* uPortal Portlet Extensions */
/*====================================*/
/* uPortal-specific additions, extensions, and overrides. */

/* Portlet */
/* 
 * Portlet is a structural element, the root portlet div and namespace.
 * Portlet contains 
 * Portlets are mapped to the WAI-ARIA role "section";
 * "A renderable structural containment unit in a document or application."
 * Refer to: http://www.w3.org/TR/wai-aria/roles#section
 * Additional classes on the root div include:
 * the FSS structural class ("fl-widget")
 * the specific portlet class (e.g., "prm-mgr" for Permissions Manager portlet)
 * and the current portlet view class (e.g., "view-detail" for the Detail view).
 * For example: <div class="fl-widget portlet prm-mgr view-detail" role="section">
 */
.portlet {}


/* Decorators */
/* 
 * Global decorators that can be applied broadly.
 * For example, add the "highlight" class to give a piece of content visual importance.
 */
.portlet .highlight {background-color:#F5FFFA; border-color:#ff0000; color:#000;}


/* Views */
/* 
 * Lists different views of the portlet as tabbed navigation.
 * View navigation is the top-most content (sits above the Titlebar).
 * View navigation is mapped to the WAI-ARIA role "tablist";
 * "A list of tab elements, which are references to tabpanel elements"
 * Refer to: http://www.w3.org/TR/wai-aria/roles#tablist
 * Uses FSS fl-tabs for base structure and formatting.
 * Active view (selected tab) contents are contained in the fl-tab-content div
 * and mapped to the WAI-ARIA role "tabpanel".
 */
.portlet .portlet-views {}
.portlet .portlet-views > .tabs {}
.portlet .portlet-views > .content {border:1px solid #4070A1; border-top:none;}


/* Titlebar */
/* 
 * The portlet view "header" which minimally includes the view title.
 * Titlebar maps to the WAI-ARIA role "sectionhead";
 * "A structure that labels or summarizes the topic of its related section."
 * Refer to: http://www.w3.org/TR/wai-aria/roles#sectionhead
 * Titlebar may also contain:
 * Subtitle, breadcrumb, options, actions, tags, details or toolbar.
 * Subtitle is a secondary descriptor of the title, sits just below the title.
 * Breadcrumb is a navigation marker and trail, sits on top of the title.
 * Actions are primary actions directly associated with the title, displayed as links/s on the same line as the title.
 * Tags is a list of tags applied to the portlet/view.
 * Details is a metadata area; not the main content of the view, but supporting information of the title.
 */
.portlet .titlebar {}
.portlet .titlebar .breadcrumb {font-size:80%; color:#ccc;}
.portlet .titlebar .breadcrumb .separator {font-size:90%;}
.portlet .titlebar .breadcrumb a {color:#bbb !important; font-weight:normal; text-decoration:none !important;}
.portlet .titlebar .breadcrumb a:hover,
.portlet .titlebar .breadcrumb a:focus {color:#999 !important; text-decoration:underline !important;}
.portlet .titlebar .title {}
.portlet .titlebar .title .name,
.portlet .titlebar .subtitle .name {color:#369;}
.portlet .titlebar .subtitle {font-size:100%; font-weight:normal; color:#444; padding-left:1em;}
.portlet .titlebar .actions li {border:none;}
.portlet .titlebar .return-link {font-weight:bold; text-decoration:none !important;}
.portlet .titlebar .toolbar {background:#e2e8e7; border-top:1px solid #ccc;}
.portlet .titlebar .details {font-size:85%; background-color:#f8f8f8; font-weight:bold;}
.portlet .titlebar .details .sysid .name {font-family:"Courier New", Courier, monospace;}
.portlet .titlebar .details a {font-weight:normal;}
.portlet .titlebar .details span {font-weight:normal;}
.portlet .portlet-titlebar {}
.portlet .portlet-titlebar > .title {font-size:150%; font-weight:normal; border-bottom:1px solid #ccc;}
.up .focused .portlet .portlet-titlebar > .title {font-size:250%;}
.up .focused .portlet .portlet-titlebar > .subtitle {font-size:120%;}
.portlet .portlet-titlebar > .subtitle {}
.portlet .portlet-titlebar > .options {border-top:1px solid #ccc;}


/* Tags */
/*
 * A taxonomy of terms applied to the content, displayed as a horizontal list of links.
 */
.portlet .titlebar .tags {font-size:80%;}
.portlet .titlebar .tags .label {font-size:100%;}
.portlet .titlebar .tags a {font-weight:normal;}


/* Content */
/* 
 * The main content area of the portlet view.
 * Content maps to the WAI-ARIA role "main";
 * "The main content of a document."
 * Refer to: http://www.w3.org/TR/wai-aria/roles#main
 */
.portlet .portlet-content {}


/* Messages */
/* 
 * Dynamic system messages to tell people that an (otherwise invisible, backend) event occurred.
 * Messages can be of these types: status, info, error, alert, success.
 * Change the base CSS class for the appropriate type of message.
 * Use an appropriate WAI-ARIA role (either "status" or "alert") on the HTML element to describe the message.
 * Refer to: http://www.w3.org/TR/wai-aria/roles#status
 * Use an h3 for the message title, and a paragraph for the message text.
 * Messages communicate a system event, but should be written so that a _person_ can understand it. Use plain, people-oriented language. 
 */
.portlet .portlet-msg {border:2px solid #FFFF00; color:#666; background:#FFFFCC url(/ResourceServingWebapp/rs/famfamfam/silk/1.3/bell.png) 0.5em 0.3em no-repeat;}
.portlet .portlet-msg .title {}
.portlet .portlet-msg .content {}
.portlet .portlet-msg.status {}
.portlet .portlet-msg.info {color:#000; background:#99ccff url(/ResourceServingWebapp/rs/famfamfam/silk/1.3/information.png) 0.5em 0.3em no-repeat; border-color:#3399ff;}
.portlet .portlet-msg.error {color:#f00; background:#ffeeee url(/ResourceServingWebapp/rs/famfamfam/silk/1.3/exclamation.png) 0.5em 0.3em no-repeat; border-color:#cc0000;}
.portlet .portlet-msg.alert {color:#000; background:#FFCC66 url(/ResourceServingWebapp/rs/famfamfam/silk/1.3/error.png) 0.5em 0.3em no-repeat; border-color:#FF6600;}
.portlet .portlet-msg.success {color:#000; background:#D1F0E0 url(/ResourceServingWebapp/rs/famfamfam/silk/1.3/tick.png) 0.5em 0.3em no-repeat; border-color:#009900;}


/* Notes */
/* 
 * Optional. These notes help people know what to do in the active portlet view.
 * Notes may also be used in Sections (below)
 * Maps to the WAI-ARIA role "note";
 * "A section whose content is parenthetic or ancillary to the main content of the resource."
 * Refer to: http://www.w3.org/TR/wai-aria/roles#note
 */
.portlet .portlet-content .note {}


/* Sections */
/* 
 * A portlet-section is a structural element.
 * Sections are mapped to the WAI-ARIA role "region";
 * "A large perceivable section of a web page or document, 
 * that the author feels should be included in a summary of page features."
 * Refer to: http://www.w3.org/TR/wai-aria/roles#region
 * A section has a Titlebar (with Options), and Content.
 */
.portlet .portlet-section {}
.portlet .portlet-section > .titlebar {margin-bottom:0.5em;}
.portlet .portlet-section > .titlebar .title {border-bottom:0.1em solid #ddd;}
.portlet .portlet-section > .titlebar .options {
  position:absolute;
  top:1em;
  right:0;
  font-size:85%;
}
.portlet .portlet-section > .titlebar .options a {text-decoration:none; color:#666;}
.portlet .portlet-section > .titlebar .options a:hover,
.portlet .portlet-section > .titlebar .options a:focus {text-decoration:none; background-color:#dfefff; color:#000;}
.portlet .portlet-section > .content {}
.portlet .portlet-section > .content > .note {}


/* Section Titles */
/*
 * Unique treatment for specific section titles.
 */
.portlet .title.selections,
.portlet .title.search,
.portlet .title.browse {background:transparent url(/ResourceServingWebapp/rs/famfamfam/silk/1.3/accept.png) 0 0 no-repeat; color:#000; font-size:120%}
.portlet .title.selections {background-image:url(/ResourceServingWebapp/rs/famfamfam/silk/1.3/accept.png);}
.portlet .title.search {background-image:url(/ResourceServingWebapp/rs/famfamfam/silk/1.3/magnifier.png);}
.portlet .title.browse {background-image:url(/ResourceServingWebapp/rs/famfamfam/silk/1.3/chart_organisation.png);}


/* 2 Panel Layout */
/*
 * Two side-by-side, colored panels.  
 */
.portlet .portlet-2panel {border:2px solid #336699;}
.portlet .portlet-2panel .portlet-panel-left {background-color:#e2e8e7;}
.portlet .portlet-2panel .portlet-panel-right {background-color:#fff;}

/* Panel List */
/*
 * For lists of boxed panels of like content. Larger and more visual than normal un/ordered lists.
 */
.portlet .panel-list .panel {
	margin-right: 2em;
	margin-bottom:1em;
	padding:0.5em 1em;
	background:none;
	border:1px solid #fff;
	border-bottom:1px dotted #ccc;
}
.portlet .panel-list .panel:hover,
.portlet .panel-list .panel:focus {border:1px solid #999;}
.portlet .panel-list .panel > .titlebar {margin-bottom:0.5em;}
.portlet .panel-list .panel > .titlebar .title {margin:0;}
.portlet .panel-list .panel > .titlebar .title a {font-weight:bold; text-decoration:none;}
.portlet .panel-list .panel > .titlebar .title a:hover,
.portlet .panel-list .panel > .titlebar .title a:focus {text-decoration:underline;}
.portlet .panel-list .panel > .titlebar .subtitle {margin:0;}
.portlet .panel-list .panel > .content {padding:0;}
.portlet .panel-list .panel > .content .link-list {font-size:80%;}
/* Large icons */
.portlet .panel-list.icon-large .panel {padding-left:4em; background:transparent url(/ResourceServingWebapp/rs/tango/0.8.90/32x32/categories/applications-other.png) 1em 0.5em no-repeat;}
.portlet .panel-list.icon-large .type-categories {background-image:url(/ResourceServingWebapp/rs/tango/0.8.90/32x32/apps/system-file-manager.png);}
.portlet .panel-list.icon-large .type-people {background-image:url(/ResourceServingWebapp/rs/tango/0.8.90/32x32/apps/system-users.png);}
.portlet .panel-list.icon-large .UP_ERROR_CHAN {background-image:url(/ResourceServingWebapp/rs/tango/0.8.90/32x32/status/dialog-warning.png);}
.portlet .panel-list.icon-large .UP_FRAGMENT {background-image:url(/ResourceServingWebapp/rs/tango/0.8.90/32x32/apps/preferences-system-windows.png);}
.portlet .panel-list.icon-large .UP_USERS {background-image:url(/ResourceServingWebapp/rs/tango/0.8.90/32x32/apps/system-users.png);}
.portlet .panel-list.icon-large .UP_GROUPS {background-image:url(/ResourceServingWebapp/rs/tango/0.8.90/32x32/apps/system-file-manager.png);}
.portlet .panel-list.icon-large .UP_PERMISSIONS {background-image:url(/ResourceServingWebapp/rs/tango/0.8.90/32x32/emblems/emblem-readonly.png);}
.portlet .panel-list.icon-large .UP_PORTLET_PUBLISH {background-image:url(/ResourceServingWebapp/rs/tango/0.8.90/32x32/actions/window-new.png);}
.portlet .panel-list.icon-large .UP_PORTLET_SUBSCRIBE {background-image:url(/ResourceServingWebapp/rs/tango/0.8.90/32x32/apps/preferences-system-windows.png);}
.portlet .panel-list.icon-large .UP_SYSTEM {background-image:url(/ResourceServingWebapp/rs/tango/0.8.90/32x32/categories/preferences-system.png);}
/* Rounded panel with gradient. */
.portlet .panel-list.rounded .panel {
	background:#eee url(../images/light_top_100px_70.png) 0 0 repeat-x;
	background:-webkit-gradient(linear, 0% 0%, 0% 50%, from(#eee), to(#fff)); 
	background:-moz-linear-gradient(0% 50% 90deg, #eee, #fff);
	border:1px solid #a9a9a9;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
}
.portlet .panel-list.rounded .panel:hover,
.portlet .panel-list.rounded .panel:focus {
	border-color:#333;
	-webkit-box-shadow:4px 4px 4px rgba(0,0,0,.25); 
	-moz-box-shadow:4px 4px 4px rgba(0,0,0,.25);
	box-shadow:4px 4px 4px rgba(0,0,0,.25);
}


/* Tables */
/*
 * Tables are meant to display data. Avoid using tables for layout.
 * For a nicely formatted table to display data, add the "portlet-table" class to your table.
 * If you must use a table for layout, add the "purpose-layout" class to the table.
 * The purpose-layout class will remove all padding, borders, and colors on the table.
 * There is still a lot of portlets and content pulled into the portal that uses tables for layout 
 * (and has no concept of the purpose-layout class), therefore the default display for tables is no borders.
 */
.up table,
.up table th,
.up table td {border:none !important;} 
.portlet table.portlet-table,
.portlet table.portlet-table th,
.portlet table.portlet-table td {border-style:solid !important; border-width:1px !important; border-color:#ccc !important; border-collapse:collapse !important;}
.portlet table.portlet-table {border-width:2px !important; border-color:#999 !important;}
.portlet table.portlet-table th,
.portlet table.portlet-table td {border-color:#ccc !important;}
.portlet table.portlet-table th {background-color:#E2E8E7 !important; color:#333; font-size:85%; padding:1px 1em; text-align:left;}
.portlet table.portlet-table th a {color:#333 !important; padding-right:16px; background:transparent url(../images/sort.png) 0 0 no-repeat;}
.portlet table.portlet-table td {padding:5px 1em;}
.portlet table.portlet-table td > div + div > input {margin-top:.5em;}
.portlet table.portlet-table th:hover,
.portlet table.portlet-table th:focus {background-color:#336699 !important; color:#fff !important;}
.portlet table.portlet-table th:hover a
.portlet table.portlet-table th:focus a {color:#fff !important;}
.portlet table.portlet-table tbody tr:hover,
.portlet table.portlet-table tbody tr:focus {background-color:#FFE4B5;}
.portlet table.portlet-table tbody tr:hover td,
.portlet table.portlet-table tbody tr:focus td { border-bottom-color:#FFA500 !important;}
.portlet table.portlet-table td:hover,
.portlet table.portlet-table td:focus {background-color:#F4A460;}
.portlet table.portlet-table tbody tr:hover a,
.portlet table.portlet-table tbody tr:focus a {color:#FFA500 !important;}
.portlet table.portlet-table tbody tr:hover td:hover a,
.portlet table.portlet-table tbody tr:focus td:focus a,
.portlet table.portlet-table tbody tr:hover td:hover a:hover,
.portlet table.portlet-table tbody tr:focus td:focus a:focus {color:#fff !important;}
.portlet table.portlet-table td.attribute-name {color:rgba(0,0,0,.37);}
.portlet table.portlet-table td.attribute-name strong {color:rgba(0,0,0,.73);font-weight:normal;}
.portlet table.purpose-layout,
.portlet table.purpose-layout th,
.portlet table.purpose-layout td {border:none !important; background:none !important; background-color:transparent !important;}


/* Forms */
/*
 * Some universal form element styles are declared in portal.css.
 * Use the "portlet-form" class on a wrapper element of a form to produce a nicely formatted, boxed form.
 * If using a table with the form, do not use the "portlet-table" class on the table,
 * But do add the class "label" to the first td in each row that contains the label.
 * Form buttons should use the Buttons classes (see next section).
 */
.portlet .portlet-form {background-color:#eee; border:1px solid #ccc;}
.portlet .portlet-form form fieldset {border:1px solid #ccc;}
.portlet .portlet-form form legend {font-size:85%; color:#ccc;}
.portlet .portlet-form form .buttons {border:none;}


/* Overflow box */
/*
 *
 */
.portlet .fl-overflow {border:2px solid #dfdfdf;}
.portlet .fl-overflow li {background:#fff;}
.portlet .fl-overflow li:hover,
.portlet .fl-overflow li:focus {background:#b2b4bf;}
.portlet .fl-overflow li a,
.portlet .fl-overflow li a:active,
.portlet .fl-overflow li a:visited,
.portlet .fl-overflow li a:hover,
.portlet .fl-overflow li a:focus {color:#000; text-decoration:none;}
.portlet .fl-overflow li.portal-section-subheader {font-weight:bold;}


/* Pager */
/*
 * Formats pagination controls.
 * Assumes the Fluid Infusion pager component.
 */
 /* Fluid Pager */
 .portlet .view-pager {font-size:85%;}
.portlet .flc-pager-top {margin-bottom:0.5em;}
.portlet .flc-pager-bottom {margin-top:0.5em;}
.portlet .view-pager ul.fl-pager-ui {text-align:right}
.portlet .view-pager .fl-pager-ui li {list-style-type:none; display:inline; padding-left:5px; white-space: nowrap;}
.portlet .view-pager .fl-pager-ui a.fl-pager-disabled,
.portlet .view-pager .fl-pager-ui .fl-pager-disabled a { color: #777777; border: 0; text-decoration: none; cursor: default; }
.portlet .view-pager .fl-pager-ui a.fl-pager-currentPage,
.portlet .view-pager .fl-pager-ui .fl-pager-currentPage a { color: #000000; border: 0; text-decoration: none; cursor: default;}
.portlet .fl-pager th a {color:#3d80b3; text-decoration:none;}
.portlet .fl-pager th a:hover,
.portlet .fl-pager th a:focus {color:#2694e8; text-decoration:none;}
.portlet .flc-pager-links a {color:#666666; text-decoration:none;}
.portlet .flc-pager-links a:hover,
.portlet .flc-pager-links a:focus {color:#333333;}
.portlet .flc-pager-page-size {margin-top: 3px;}


/* Auto Complete */
.up-autocomplete-dropdown {background-color: #FFF; border: 1px solid #AAA; -moz-box-shadow: 0px 0px 5px 0px #999; -webkit-box-shadow: 0 0 5px 0 #999; box-shadow: 0px 0px 5px 0px #999;}
/* close */
.up-autocomplete-dropdown .up-autocomplete-close {background-color: #F8F8F8; border-bottom: 1px solid #CCC;}
.up-autocomplete-dropdown .up-autocomplete-close a {font-size: 77%;}
/* list */
.up-autocomplete-dropdown .up-autocomplete-matches li {border-bottom:1px dotted #DDD;}
.up-autocomplete-dropdown .up-autocomplete-matches li:hover,
.up-autocomplete-dropdown .up-autocomplete-matches li:focus {background-color:#FFC;}
/* anchors */
.up-autocomplete-dropdown .up-autocomplete-matches a {color:#666;}
.up-autocomplete-dropdown .up-autocomplete-matches a:hover,
.up-autocomplete-dropdown .up-autocomplete-matches a:focus {color:#000;}
/* selected */
.up-autocomplete-dropdown .up-autocomplete-matches .selected {background-color:#D1F0E0;}
.up-autocomplete-dropdown .up-autocomplete-matches .selected:hover,
.up-autocomplete-dropdown .up-autocomplete-matches .selected:focus {background-color:#C8F0DD;}
.up-autocomplete-dropdown .up-autocomplete-matches .selected a {color: #248222; font-weight: bold;}
/* loader */
.up-autocomplete-dropdown .up-autocomplete-loading {background: #EFEFEF url("../images/loading.gif") 50% 50% no-repeat;}


/* Selection Basket */
.portlet .selection-basket a {color: #248222; text-decoration: none; background:transparent url(/ResourceServingWebapp/rs/famfamfam/silk/1.3/tick.png) 0 50% no-repeat;}
.portlet .selection-basket a:hover,
.portlet .selection-basket a:focus {background-color:#FFFFCC; color:#9F0000; background-image:url(/ResourceServingWebapp/rs/famfamfam/silk/1.3/delete.png);}


/* Breadcrumb */
.portlet .breadcrumb .title {color: #333;}
.portlet .breadcrumb .title,
.portlet .breadcrumb .breadcrumbs {font-size: 77%;}
.portlet .breadcrumb .breadcrumbs {color: #CCC;}
.portlet .breadcrumb .breadcrumbs a {text-decoration: none;}
.portlet .breadcrumb .breadcrumbs .last {text-decoration: none; color: #AAA; cursor: default;}


/* Entity Browser */
.portlet .entity-browser .titlebar {background-color: #F8F8F8;}
.portlet .entity-browser .titlebar:hover,
.portlet .entity-browser .titlebar:focus {background-color:#FFC; cursor: pointer;}
.portlet .entity-browser .titlebar .title {font-size: 120%;}
.portlet .entity-browser .titlebar .select {background: transparent url("/ResourceServingWebapp/rs/famfamfam/silk/1.3/add.png") 0 50% no-repeat;}
/* selected */
.portlet .entity-browser .selected {background-color: #D1F0E0;}
.portlet .entity-browser .selected:hover,
.portlet .entity-browser .selected:focus {background-color: #C8F0DD;}
.portlet .entity-browser .selected .title {color: #248222;}
.portlet .entity-browser .selected .select {background-image: url("/ResourceServingWebapp/rs/famfamfam/silk/1.3/delete.png"); cursor: pointer;}
/* member list */
.portlet .entity-browser .member-list a {background-position:0 50%; background-repeat:no-repeat;}
.portlet .entity-browser .group .member-list a {background-image:url(/ResourceServingWebapp/rs/famfamfam/silk/1.3/folder.png);}
.portlet .entity-browser .person .member-list a {background-image:url(/ResourceServingWebapp/rs/famfamfam/silk/1.3/vcard.png);}
.portlet .entity-browser .category .member-list a {background-image:url(/ResourceServingWebapp/rs/famfamfam/silk/1.3/tag_orange.png);}
.portlet .entity-browser .member-list a:hover,
.portlet .entity-browser .member-list a:focus {background-color:#FFC; color:#336699;}


/* Search */
.portlet .search-dropdown {background-color: #FFF; -moz-box-shadow: 0px 0px 5px 0px #999; -webkit-box-shadow: 0 0 5px 0 #999; box-shadow: 0px 0px 5px 0px #999;}
/* close */
.portlet .search-dropdown .search-close {background-color: #F8F8F8;}
.portlet .search-dropdown .search-close a {font-size: 77%;}
/* list */
.portlet .search-dropdown .search-list li:hover,
.portlet .search-dropdown .search-list li:focus {background-color:#FFC;}
/* anchors */
.portlet .search-dropdown .search-list a {background: url("/ResourceServingWebapp/rs/famfamfam/silk/1.3/add.png") 0% 50% no-repeat; text-decoration: none;}
.portlet .search-dropdown .search-list a:hover,
.portlet .search-dropdown .search-list a:focus {color:#000;}
/* selected */
.portlet .search-dropdown .search-list .selected {background-color:#D1F0E0;}
.portlet .search-dropdown .search-list .selected:hover,
.portlet .search-dropdown .search-list .selected:focus {background-color:#C8F0DD;}
.portlet .search-dropdown .search-list .selected a {color: #248222; background-image: url("/ResourceServingWebapp/rs/famfamfam/silk/1.3/delete.png"); font-weight: bold;}
/* loader */
.portlet .search-dropdown .search-loader {background: #EFEFEF url("../images/loading.gif") 50% 50% no-repeat;}

/*
 * Single Selection View.
 */
.portlet .view-single-select .titlebar {background-color: #F8F8F8;}
/* selection */
.portlet .view-single-select .portlet-selection .title.selections {background: transparent;}
.portlet .view-single-select .selection-basket {color: #AAA; font-size: 120%;}
.portlet .view-single-select .selection-basket a {background: transparent; cursor: default;}
.portlet .view-single-select .selection-basket a:hover,
.portlet .view-single-select .selection-basket a:focus {color: #248222;}
/* browse */
.portlet .view-single-select .entity-browser .titlebar {background-color: #F8F8F8;}
.portlet .view-single-select .entity-browser .titlebar:hover,
.portlet .view-single-select .entity-browser .titlebar:focus {background-color:#FFC;}
.portlet .view-single-select .entity-browser .selected {background-color: #D1F0E0;}
.portlet .view-single-select .entity-browser .selected:hover,
.portlet .view-single-select .entity-browser .selected:focus {background-color: #C8F0DD;}


/*
 * Multiple Selection View.
 */
/* selection */
.portlet .view-multi-select .portlet-selection .titlebar {background-color: #F8F8F8;}
.portlet .view-multi-select .portlet-selection .title.selections {background: transparent;}


/*====================================*/
/* Specific Portlets */
/*====================================*/
/* Style definitions for structures and elements unique to a specific portlet. */

/* CSyndFeed Channel - RSS */
.portlet .news-source p {border-bottom:1px solid #ccc;}
.portlet .news-item-title {}
.portlet .news-item-excerpt {font-size:85%; color:#666;}

/* Cache Manager Portlet */
.cache-manager .cache-member a {font-weight: normal; }
.cache-manager .cache-member .cache-name a {padding:0.2em 0 0.2em 20px; background-position:0 50%; background-repeat:no-repeat; background-image:url(/ResourceServingWebapp/rs/famfamfam/silk/1.3/drive.png)}
.cache-manager .cache-member:hover,
.cache-manager .cache-member:focus {background-color:#FFFFCC; color:#336699;}

/* User Administration */
.user-mgr .delete-attribute-value-link{
  display:inline-block;
  text-indent:-9999em;
  width:16px;
  height:16px;
  background: transparent url("/ResourceServingWebapp/rs/famfamfam/silk/1.3/delete.png") no-repeat scroll left top;
}
.prs-lkp .person-search-results{ margin-left:0;border:2px solid #999 }
.prs-lkp .person-search-result{ list-style:none;padding:.5em;border-top:1px solid #ccc;border-bottom:0 }
.prs-lkp .person-search-result:first-child{ border-top:0 }
.prs-lkp .person-search-result table{ margin:0 }
.prs-lkp .person-search-result table td{ padding:.2em 2em }


/* Portlet Administration */
.override-preference td {color:graytext; text-decoration:line-through;}

/* Permissions Administration */
.prm-mgr table{ width:100% }
.prm-mgr table .inherited-permission {
    display: inline-block;
	margin-left: 1em;
    padding: 0.2em 0.5em;
	background: none repeat scroll 0 0 #B0C4DE;
    color: #FFFFFF;
    font-size: 80%;
    font-weight: bold;  
    text-transform: uppercase;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.prm-mgr .view-permissions .options .flc-pager-top{ overflow:hidden }
.prm-mgr .view-permissions .options .flc-pager-top > ul{ float:right;display:block;overflow:hidden }
.prm-mgr .view-permissions .options .flc-pager-top > div{ overflow:hidden;clear:right;float:right }
.prm-mgr .view-permissions .options .flc-pager-top .flc-pager-links{ margin:0; display:inline }

.prm-mgr .permission-lookup form {
	background-image:-webkit-gradient(linear, 0% 0%, 0% 50%, from(#e2e8e7), to(#fff)); 
	background-image:-moz-linear-gradient(0% 50% 90deg, #e2e8e7, #fff);
	background-color:#e2e8e7;
	border:1px solid #ccc;
}
.prm-mgr .permission-lookup form input[type="text"] {color:#999;}
.prm-mgr .permission-lookup form input[type="text"]:focus,
.prm-mgr .permission-lookup form input[type="text"].up-autocomplete-validinput {color:#000;}
.prm-mgr .permission-lookup form input[type="submit"] {
	font-size:120%;
	font-weight: normal;
	border-color:#ccc;
	background-color:#e2e8e7;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 50%, from(#e2e8e7), to(#fff)); 
	background-image:-moz-linear-gradient(0% 50% 90deg, #e2e8e7, #fff);
	color:#555;
	text-shadow:none;
}
.prm-mgr .permission-lookup form input[type="submit"]:hover,
.prm-mgr .permission-lookup form input[type="submit"]:focus {
	border-color:#000;
	background-color:#666;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 50%, from(#666), to(#fff)); 
	background-image:-moz-linear-gradient(0% 50% 90deg, #666, #fff);
	color:#fff !important;
	text-shadow:0 -1px 1px rgba(0,0,0,.5); 
}
.prm-mgr .permission-lookup .principal-input,
.prm-mgr .permission-lookup .activity-input {display:inline-block; position:relative;}
.prm-mgr .permission-lookup .principal-input input,
.prm-mgr .permission-lookup .activity-input input {width:190px;}
.prm-mgr .permission-lookup .up-autocomplete-dropdown {min-height:0;}
.prm-mgr .permission-lookup .up-autocomplete-dropdown .up-autocomplete-matches li {font-size:60%;}
.prm-mgr.view-editperm #assignments {border-top:2px solid #ccc; padding-left:20px;}
.prm-mgr.view-editperm #assignments ul li {background:#fff url(../images/bullet_square_grey_30h.png) 0 0 repeat-y;}
.prm-mgr.view-editperm #assignments .assignment-wrapper {background:#fff;}
.prm-mgr.view-editperm #assignments .principal-name {color:#000;}
.prm-mgr.view-editperm #assignments select {background:#eee; border-width:2px; border-style:solid;}
.prm-mgr.view-editperm #assignments select.grant,
.prm-mgr.view-editperm #assignments select.inherit-grant {border-color:green;}
.prm-mgr.view-editperm #assignments select.deny,
.prm-mgr.view-editperm #assignments select.inherit-deny {border-color:red;}

/** Database entity translator portlet. */
.uptrans-entities-wrapper {float: left; margin-right: -200px; width: 200px;}
.uptrans-entities-wrapper button {width: 100%;}
.uptrans-entities {max-height: 400px; overflow: auto;}
.uptrans-form-container {margin-left: 220px;}
.uptrans-entity {padding: 5px; font-size: 107%; cursor: pointer;}
.uptrans-entity:HOVER {background-color: orange!important;}
.uptrans-form-container-wrapper {float: right; width: 100%;}
.uptrans-form-container {display: none; margin-top: 15px;}
.uptrans-form-container form fieldset {padding: 10px;}
.uptrans-form-container form input[type="text"] {width: 100%;}
.uptrans-form-container form .buttons {text-align: right;}
.uptrans-form-container form textarea {width: 100%; height: 50px;}

/** Error Portlet **/
.portlet.error .stacktrace {
    width: 100%;
    height: 20em;
    overflow: auto;
    border: 1px solid gray;
    display: none;
}